Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX][JavaScript][PHP]<datalist> brak możliwości nawigowania strzałkami
ithat
post
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 9.01.2013

Ostrzeżenie: (0%)
-----


Witam,
mam problem z wyswietlanymi rekordami w <dataliscie>. Po wpisaniu do inputa 3 znaków odpytuje baze w celu znalezienia podobnych rekordów i wyniki wstawiam w datalist jako podpowiedż. Wyniki wyswietlaja sie dobrze, moge wybrac wartość klikając myszką, ale gdy chce przeskakiwać strzałkami miedzy wynikami, tak jak by focus wraca na inputa, przez co nie mozna wybrac wyniku. Wzorowałem sie na tym tutorialu. http://markonphp.com/autocomplete-php-jquery-mysql-part3/
Kod:
  1. <input tabindex="1" type="text" value="" placeholder="Search" id="keyword" list="results">
  2. <datalist tabindex="2" id="results"></datalist>
  3. </body>

Kod
var MIN_LENGTH = 3;
$( document ).ready(function() {
    $("#keyword").keyup(function() {
        var keyword = $("#keyword").val();
        if (keyword.length >= MIN_LENGTH) {
            $.get( "autocomplete.php", { keyword: keyword } )
                .done(function( data ) {
                    $('#results').html('');
                    var results = jQuery.parseJSON(data);
                    $(results).each(function(key, value) {
                        $('#results').append("<option value='" + value + "'>");
                    })
                });
        }
    });
});

pozdrawiam

Do zamknięcia
pozdrawiam

Ten post edytował ithat 4.12.2015, 10:53:46
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 10:00